@charset "utf-8";

/*banner*/
.slideBox{position:relative;overflow:hidden;margin:0 auto;width:100%;height:640px;font-size:0}
.slideBox .hd{position:absolute;bottom:10%;left:48%;z-index:1}
.slideBox .hd ul{list-style:none}
.slideBox .hd ul li{float:left;margin:0 3px;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.8);cursor:pointer}
.slideBox .hd ul li.on{background:rgba(218,36,24,1)}
.slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.slideBox .bd ul{transition:all 0s ease 0s}
.slideBox .bd li{position:relative;width:100%;height:640px;background:no-repeat center top}
.slideBox .next,.slideBox .prev{position:absolute;top:60%;left:3%;display:block;margin-top:-25px;width:32px;height:40px;background:url(../slider-arrow.png) -110px 5px no-repeat;opacity:.5;filter:alpha(opacity=50)}
.slideBox .next{right:3%;left:auto;background-position:8px 5px}
.slideBox .next:hover,.slideBox .prev:hover{opacity:1;filter:alpha(opacity=100)}
.slideBox .prevStop{display:none}
.slideBox .nextStop{display:none}
.tempWrap{ margin-right: auto; margin-left: auto; }

/*index_news*/
.index_news{position:relative;margin-top:-50px;width:100%;height:50px;background:rgba(0,0,0,.4)}
.index_news .catename{float:left;margin:15px 15px 15px 0;padding:0 10px 0 0;width:200px;height:20px;border-right:2px solid #FFF;color:#FFF;text-align:right;line-height:20px}
.index_news #newslist{overflow:hidden;height:50px}
.index_news #newslist ul{list-style:none}
.index_news #newslist li{height:50px;line-height:50px}
.index_news #newslist span{margin-left:15px;color:#CCC;font-size:12px}
.index_news #newslist a{color:#FFF}
.index_news #newslist a:hover{color:#da2418}

/*index_product
.index_product{width:100%}
.index_product ul{list-style:none}
.index_product li{position:relative;float:left;overflow:hidden;width:25%;height:218px}
.index_product li img{width:100%;height:auto;transition:all .5s ease-in-out;min-height:218px;}
.index_product li .masking{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.1);transition:all .5s ease 0s}
.index_product li span{position:absolute;right:30px;left:30px;display:block;transition:all .5s ease 0s}
.index_product li .tit{top:150px;width:auto;font-size:26px}
.index_product li .note{top:220px;font-size:15px;line-height:25px}
.index_product li .more{ top: 240px;}
.index_product li .more .iconfont{font-size:30px}
.index_product li a{color:#fff}
.index_product li:hover img{-webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08)}
.index_product li:hover .masking{background:rgba(0,0,0,.6)}
.index_product li:hover .tit{top:50px}
.index_product li:hover .note{top:95px}
.index_product li:hover .more{top:180px}
*/
.index_product{position:relative;margin:50px auto 0;width:1200px}
.index_product .cate{ position: absolute; top: 0; left: 0; margin-bottom: 30px; text-align: center; font-size: 38px; line-height: 35px; border-left: 5px solid hsl(355, 100%, 45%); text-indent: 0.5em; }
.index_product .swiper-container{padding-top:80px;padding-bottom:50px;width:100%}
.index_product .swiper-slide{position:relative;float:left;overflow:hidden;box-sizing:border-box;margin:0 0;padding-bottom:20px;height:350px;box-shadow:0 3px 8px rgba(0,0,0,.1)}
.index_product .swiper-slide .pic{overflow:hidden;height:204px}
.index_product .swiper-slide .pic img{width:100%;height:auto}
.index_product .swiper-slide span{display:block}
.index_product .swiper-slide .tit{position:absolute;top:150px;width:100%;height:54px;background:rgba(0,0,0,.4);color:#FFF;text-indent:.5em;font-size:26px;line-height:54px;}
.index_product .swiper-slide .note{padding:15px;color:#555;line-height:22px}
.index_product .swiper-slide .more{position:absolute;bottom:5px;box-sizing:border-box;padding:15px;width:100%;color:#777;text-align:right;transition:all 0s ease 0s}
.index_product .swiper-slide .more .iconfont{font-size:15px;margin-left:5px;}
.index_product .swiper-slide:hover .more{color:#da2418}
.index_product .swiper-slide:hover{box-shadow:0 3px 8px rgba(0,0,0,.2)}
.index_product .swiper-slide:hover .pic img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1)}
.index_product .swiper-button-next,.index_product .swiper-button-prev{position:absolute;top:30px;background:url(none);color:#999;line-height:45px;z-index:9999}
.index_product .swiper-button-next .iconfont,.index_product .swiper-button-prev .iconfont{font-weight:400;font-size:30px}
.index_product .swiper-button-next{right:5px}
.index_product .swiper-button-prev{right:40px;left:auto;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg)}

/*index_system*/
.index_system{overflow:hidden;margin-top:80px;margin-bottom:50px;width:1200px}
.index_system .cate{font-size:38px}
.index_system .desc{margin-top:15px;margin-bottom:35px;color:#666;font-size:16px;line-height:25px}
.index_system .cate,.index_system .desc{text-align:center}
.index_system ul{overflow:hidden;list-style:none}
.index_system li{float:left;overflow:hidden;margin:0 10px 40px;padding-bottom:20px;width:280px;min-height:340px;background:#f9f9f9}
.index_system li:hover{background:#fff;box-shadow:0 5px 20px hsla(0,0%,50%,.25)}
.index_system li:hover img{-webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08)}
.index_system span{display:block;padding:0 20px}
.index_system .title{margin-top:20px;margin-bottom:10px;color:#da2418;font-size:16px}
.index_system .note{color:#666;font-size:13px;line-height:24px}

/*index_about*/
.index_about{position:relative;margin-bottom:100px;width:100%;height:420px;background:#f5f5f5}
.index_about .left{float:left;width:50%;height:420px}
.index_about .right{float:left;padding-top:50px;padding-right:5%;padding-left:5%;width:40%}
.index_about .right .cate{color:#000;text-align:center;font-size:30px}
.index_about .right .desc{margin-top:25px;margin-bottom:45px;color:#666;text-align:center;line-height:25px}
.index_about .right ul{list-style:none}
.index_about .right ul li{float:left;margin-right:2.5%;margin-left:2.5%;width:20%;color:#000;text-align:center;font-size:15px;line-height:40px}
.index_about .right ul li .icon{display:block;margin-right:auto;margin-left:auto;padding:15px;width:45px;height:45px;border:2px solid #ccc;border-radius:50%;background:#FFF;transition:all .5s ease 0s}
.index_about .right ul li img{opacity:.95}
.index_about .right ul li:hover .icon{border:2px solid #da2418;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-ms-transform:rotate(360deg)}

/*index_content*/
.index_link{overflow:hidden;margin:0 auto 100px;width:1200px}
.index_link .picture{position:relative;float:left;overflow:hidden;background:#f5f5f5}
.index_link .p1{width:25%;height:650px}
.index_link .p2{margin-right:2.5%;margin-left:2.5%;width:45%;height:650px}
.index_link .p3{margin-bottom:30px;width:25%;height:310px}
.index_link .p4{width:25%;height:310px;background:#f73528}
.index_link .picture a{color:#fff}
.index_link .picture img{height:auto;height:100%}
.index_link .picture .masking{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.1)}
.index_link .picture span{position:absolute;right:30px;left:30px;display:block}
.index_link .picture .tit{top:40px;width:auto;font-size:30px;color:#fff}
.index_link .picture .note{ top: 100px; line-height: 30px; font-size: 16px; }
.index_link .picture strong{display:block;margin-top:25px;width:100px;height:25px;border:1px solid #eee;color:#eee;text-align:center;font-weight:400;font-size:13px;line-height:25px}
.index_link .picture em{display:block;font-style:normal;font-size:13px}
.index_link .picture:hover img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05)}
.index_link .picture:hover .masking{background:rgba(0,0,0,.4)}
.index_link .picture:hover .tit{top:42px}
.index_link .picture:hover .note{top:102px}
/*Industry*/
.index_link .picture .Industry{position:relative;height:310px}
.index_link .picture .Industry .bd{position:absolute;top:100px;right:30px;left:30px}
.index_link .picture .Industry .bd ul{overflow:hidden;transition:all 0s ease 0s}
.index_link .picture .Industry .bd ul li{float:left;list-style:none;line-height:22px;font-size:15px}
.index_link .picture .Industry .bd ul li span{position:relative;right:0;left:0;display:block;margin-top:10px;color:#ddd;font-size:13px}
.index_link .picture:hover .Industry .bd ul a{color: #eee; transition:all 0s ease 0s}
.index_link .picture .Industry .hd{position:absolute;right:0;bottom:0;width:80px;height:50px}
.index_link .picture .Industry .hd .next,.index_link .picture .Industry .hd .prev{float:left;display:block;width:40px;height:50px;background:rgba(0,0,0,.2);text-align:center;line-height:50px;cursor:pointer}
.index_link .picture .Industry .hd .next:hover,.index_link .picture .Industry .hd .prev:hover{background:rgba(0,0,0,.4)}
/*.index_link .picture .Industry .pageState{ position: absolute; left: 30px; bottom: 0; width: 50px; height: 50px; line-height: 50px; color: #CCC; text-align: center; }
.index_link .picture .Industry .pageState span{ font-size: 18px; color: #FFF; position: relative; }*/